<!-- src/components/TaskDetails.vue -->
<template>
  <div class="task-details">
    <h2>任务详情</h2>
    <!-- 任务详情内容 -->
  </div>
</template>

<script>
export default {
  name: 'TaskDetails',
  data() {
    return {
      task: null, // 存储任务详情
    };
  },
  created() {
    // 获取路由参数中的任务ID
    const taskId = this.$route.query.taskId;
    // 根据任务ID获取任务详情（这里可以调用API获取任务详情）
    this.fetchTaskDetails(taskId);
  },
  methods: {
    fetchTaskDetails(taskId) {
      // 模拟获取任务详情
      this.task = {
        id: taskId,
        title: '示例任务',
        description: '这是一个示例任务的详细描述。',
        min_group_size: 3,
        max_group_size: 5,
        deadline: '2025-12-31',
        scoring_criteria: '示例评分标准',
      };
    },
  },
};
</script>

<style scoped>
.task-details {
  padding: 20px;
}
</style>